<template>
    <div class="wrap">
      <img class="img" src="http://m.images.ourjb.com/no-data.png" alt="">
      <div class="box-wrap">
        <router-link class="text" :to="{name:routerLink}">{{routeText}}</router-link>
      </div>

    </div>
</template>

<script>
    export default {
        name: "metaData",
      props:['link','text'],
      data(){
          return{
            routerLink:'',
            routeText:''
          }
      },
      mounted(){
        this.routerLink=this.link
        this.routeText=this.text
      }
    }
</script>

<style lang="less" scoped>
  @import (reference) url(../assets/less/common);
  .wrap{
    width: 100%;
    height: 100%;
    padding-top: 30%;
    font-size: 0.28rem;
    img {
      width: 3rem;
      height: 3rem;
    }
    .box-wrap{
      width: 40%;
      height:0.7rem;
      padding: 0.2rem 0;
      border-radius:0.06rem;
      margin: 0.52rem auto 0;
      background: @pinkBtnBackground;
      border-radius:0.1rem;
      .text {
        font-size:0.3rem;
        font-family:PingFang-SC;
        color: @mainColor!important;
        font-weight: 600;
      }
    }

  }

</style>
